<template>
    <div class="UsersOnline">
        <v-avatar
            class="d-block text-center mx-auto mt-4"
            color="cyan-darken-2"
            size="36"
        ></v-avatar>

        <!-- color="blue-darken-2" color="cyan accent-2" -->

        <v-divider class="mx-3 my-5">?</v-divider>

        <v-avatar
            v-for="n in 9"
            :key="n"
            class="d-block text-center mx-auto mb-5"
            color="cyan-lighten-3"
            size="27"
        ></v-avatar>
    </div>
</template>

<script>
    export default({
        name:"UsersOnline"
    })
</script>

<style scoped>
    .UsersOnline{
        margin: 0;
    }
</style>